<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/magnifier.css"/>
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
	</head>
	<body>
		<!--导航-->
		<nav>
			<div class="navTop">
				<ul class="navTopLeft">
					<li><a href="#"><span>手机杂志铺</span><i class="iconfont icon-xiangxiajiantou"></i></a></li>
					<li><a href="#"><span>积分商城</span><i class="iconfont icon-xiangxiajiantou"></i></a></li>
					<li><a href="#"><span>知识课堂</span><i class="iconfont icon-xiangxiajiantou"></i></a></li>
				</ul>
				<h4>您好，欢迎访问杂志铺</h4>
				<ul class="navTopRight">
					<li><a href="login.html"><b>请您登陆</b></a></li>
					<li><a href="register.html"><b>注册</b></a></li>
					<li><a href="#">我的订单</a></li>
					<li><a href="#">我的账户</a></li>
					<li><a href="#">发货查询</a></li>
					<li><a href="#">企业团购</a></li>
					<li><a href="#">杂志续订</a></li>
					<li><a href="#">帮助中心</a></li>
				</ul>
			</div>
			<div class="navMiddle">
				<div class="navMiddleLeft">
					<img src="http://zazhipu.com/newindexfile/img/logo.png" />
				</div>
				<div class="navMiddleRight">
					<div class="cont">
						<input type="text" value="环球少年地理"/>
						<div class="source"><i class = "iconfont icon-sousuo-"></i></div>
					</div>
					<ul>
						<li><a href="">好奇号</a></li>
						<li><a href="">孤独星球</a></li>
						<li><a href="">万物</a></li>
						<li><a href="">创意科学</a></li>
						<li><a href="">哈佛商业评论</a></li>
						<li><a href="">读者</a></li>
						<li><a href="">小猪佩奇</a></li>
					</ul>
					<div class="car">
						<i class="iconfont icon-gouwuche">购物车</i>
					</div>
				</div>
			</div>
			<div class="navBottom">
				<div class="navBottomLeft">
					<a href="">
					<i class = "iconfont icon-RectangleCopy"></i>
					<span>全部商品分类</span></a>
				</div>
				<ul>
					<li><a href=""><b>首页</b></a></li>
					<li><a href=""><b>杂志排行榜</b></a></li>
					<li><a href=""><b>新刊推荐</b></a></li>
					<li><a href=""><b>阅读季大促</b></a></li>
					<li><a href=""><b>满200减100</b></a></li>
					<li><a href=""><b>杂志包邮</b></a></li>
					<li><a href=""><b>2020年杂志订阅目录</b></a></li>
					<li><a href=""><b>杂志续订</b></a></li>
				</ul>
			</div>
		</nav>

		<!--放大镜-->
		<div class="container"></div>
	</body>
<script src="../js/jquery.js"></script>
<script src="../js/ajax-promise.js"></script>
<!--渲染页面-->
<script src="../js/details.js"></script>
<!--放大镜功能-->
<script src="../js/magnifier.js"></script>
<!--加入购物车功能-->
<script src="../js/storage.js"></script>
<!--判断是否登录-->
<script src="../js/judge.js"></script>
</html>